import { Component } from "react";

class List extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        const { children } = this.props;
        return (
            <>
                {children}
                <ul
                    className="list-group"
                    style={{ color: "red", fontWeight: "bold" }}
                >
                    <li className="list-group-item">1</li>
                    <li className="list-group-item">2</li>
                    <li className="list-group-item">3</li>
                </ul>
            </>
        );
    }
}

export default List;
